<template>

    <div class="my-header" :style="{backgroundColor:background ,color} ">{{title}}</div>

  </template>
  
  <script>
  export default {
    props:{
        background:String,  //组件自定义属性,对传值进行校验
        color:{
            type:String,
            default:'#fff'
        },
        title:{
            type:String,
            require:true
        }
    },
  }
  </script>
  
  <style lang="less" scoped>
    .my-header {
      height: 45px;
      line-height: 45px;
      text-align: center;


      background-color: #ffb413;
      color: #fff;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 2;
    }
  </style>